<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>静态表格</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport"
              content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
        <link rel="stylesheet" href="../../css/commons.css" media="all">
        <script src="../../jslib/jquery-3.6.0.js"></script>
        <script src="../../js/classzManager.js"></script>
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">增加班级</div>
                        <div class="layui-card-body">
                            <table class="layui-table">
                                <tbody>
                                    <tr>
                                        <td>
                                            <button id="showInsertClasszDialog" type="button"
                                                    class="layui-btn layui-btn-normal">增加班级
                                            </button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">查询条件</div>
                        <div class="layui-card-body">
                            <form class="layui-form">
                                <table id="queryClasszTable" class="layui-table">
                                    <tbody>
                                        <tr>
                                            <td style="width: 150px">班级名称：</td>
                                            <td><input type="text" name="classzName" placeholder="请输入班级名称"
                                                       autocomplete="off"
                                                       class="layui-input">
                                                <input type="hidden" name="gotoPageHidden" value="1">
                                            </td>
                                            <td style="width: 150px; text-align: center">
                                                <button id="queryClasszButton" type="button"
                                                        class="layui-btn layui-btn-normal">
                                                    开始查询
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">查询结果</div>
                        <div class="layui-card-body">
                            <table id="pageDataListTable" class="layui-table">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>班级名称</th>
                                        <th>机构名称</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <table id="gotoPageTable" class="layui-table">
                            <tr>
                                <td>
                                    <div id="pageComponent"></div>
                                </td>
                                <td style="text-align: center; width: 350px;">
                                    <button type="button" name="getAllPageRecordCount"
                                            class="layui-btn layui-btn-sm layui-btn-danger"></button>
                                    <button type="button" name="getCurrentPageRecordCount"
                                            class="layui-btn layui-btn-sm layui-btn-danger"></button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div id="insertClasszDivOut" style="display: none">
            <div id="insertClasszDiv" class="layui-card">
                <div class="layui-card-body">
                    <form class="layui-form">
                        <table id="insertClasszTable" class="layui-table">
                            <tbody>
                                <tr>
                                    <td style="width: 150px">班级名称：</td>
                                    <td><input type="text" name="classzName" placeholder="请输入班级名称"
                                               autocomplete="off"
                                               class="layui-input"></td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">机构名称：</td>
                                    <td><input type="text" name="organizationName" class="layui-input" readonly>
                                        <input type="hidden" name="organizationId">
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: center" colspan="3">
                                        <button id="insertClassz" type="button" class="layui-btn layui-btn-normal">
                                            添加班级
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <div id="editClasszDivOut" style="display: none">
            <div id="editClasszDiv" class="layui-card">
                <div class="layui-card-body">
                    <form class="layui-form">
                        <table id="editClasszTable" class="layui-table">
                            <tbody>
                                <tr>
                                    <td style="width: 150px">班级名称：</td>
                                    <td><input type="text" name="classzName" placeholder="请输入班级名称"
                                               autocomplete="off"
                                               class="layui-input">
                                        <input type="hidden" name="classzId"></td>
                                </tr>
                                <tr>
                                    <td style="width: 150px">机构名称：</td>
                                    <td><input type="text" name="organizationName" class="layui-input" readonly>
                                        <input type="hidden" name="organizationId">
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align: center" colspan="3">
                                        <button id="updateClassz" type="button" class="layui-btn layui-btn-normal">确认修改
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <script src="../../layuiadmin/layui/layui.js"></script>
        <script>
            layui.config({
                base: '../../layuiadmin/' //静态资源所在路径
            }).extend({
                index: '/lib/index' //主入口模块
            }).use(['index', 'laypage'], function () {
                var layer = layui.layer;
            });
        </script>
    </body>
</html>